<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../../assets/js/flex.js"></script>
    <link rel="stylesheet" href="../main.css">
    <link rel="stylesheet" href="../../assets/css/transfer.css">
    <link rel="stylesheet" href="../../assets/mui-master/dist/css/mui.min.css">
    <script src="../../assets/mui-master/dist/js/mui.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script>
        $(function(){
            $('input').change(function () {
                $('.mui-input-range input[type=range]').css("background-size",$('.mui-input-range input[type=range]').val()+'% 100%');
            })
        })
    </script>
</head>
<body>
    <div class="content-gray">
        <div class="content-title">
            <span class="address-left mui-icon mui-icon-back"></span>
            <span>ETH 转账</span>
            <span class="title-right"><img src="../../assets/img/saomiao.png" alt=""></span>
        </div>
        <div class="transfer-money">
            <div class="money-title">
                <div>ETH</div>
                <div>余额：0.2897 ETH</div>
            </div>
            <input type="text" placeholder="输入金额">
        </div>
        <div class="transfer-address">
            <div class="address-title">收款地址<img src="../../assets/img/gather-address.png" alt=""></div>
            <input type="text" placeholder="输入以太坊地址或 ENS 域名" class="address-input">
            <div class="address-remark">备注<span> (选填)</span> <input type="text"></div>
        </div>
        <div class="transfer-cost">
            <span>矿工费用</span>
            <span>0.0007 ether = ￥0.55 ></span>
        </div>
        <div class="mui-input-row mui-input-range">
            <input type="range" min="0" max="100">
        </div>
        <div class="content-next">下一步</div>
    </div>
</body>
</html>